// import React, { useState, useEffect, useRef } from 'react';
// import { PageContainer } from '@ant-design/pro-layout';
// import { LeftSquareOutlined, RightSquareOutlined } from '@ant-design/icons';
// import { tableList, tableListDelete } from '../../services/login';
// import { Card, Tabs, Form, Button, DatePicker, message } from 'antd';
// import SearchActivity from './components/SearchActivity';
// import TableActivity from './components/TableActivity';
// import 'antd/dist/antd.less';
// import './index.less';

// // *-------------------------------------
// export default class ActivityComment extends React.Component {
//   constructor(props) {
//     super(props);
//     this.state = {
//       activityName: '',
//       queryDate: [],
//       activityStatus: [],
//       isDraft: 0,
//       page: 1,
//       pageSize: 10,
//       total: 0,
//       list: [],
//       tabList: [
//         { tab: '全部', key: '0' },
//         { tab: '进行中', key: '2' },
//         { tab: '未开始', key: '3' },
//         { tab: '已结束', key: '5' },
//         { tab: '待审核', key: '1' },
//         { tab: '已驳回', key: '4' },
//         { tab: '草稿箱', key: '7' },
//       ],
//     };
//   }

//   async componentDidMount() {
//     const { data } = await tableList({});
//     this.setState({ list: data.rows, total: data.total }, () => {});
//   }

//   callback = async (e) => {
//     this.setState({ isDraft: 0 });
//     e == 5
//       ? this.setState({ activityStatus: [5, 6] })
//       : this.setState({ activityStatus: [parseInt(e)] });
//     e == 7 && this.setState({ activityStatus: [], isDraft: 1 });
//     e == 0 && this.setState({ activityStatus: [] });
//     this.setState({ activityName: '', queryDate: [] }, async () => {
//       try {
//         const { data } = await tableList({
//           activityStatus: this.state.activityStatus,
//           isDraft: this.state.isDraft,
//         });
//         this.setState({ total: data.total });
//         this.setState({ list: data.rows });
//       } catch (error) {
//         message.error('列表获取失败，请重新获取 ！');
//       }
//     });
//   };

  
//   paginationProps = {
//     showQuickJumper: true,
//     showTotal: () => `共${this.state?.total}条`,
//     total: this.state?.total,
//     current: this.state?.page,
//     pageSize: this.state?.pageSize,
//     onChange: (current, size) => paginationChange(current, size),
//   };

//   paginationChange = async (current, size) => {
//     // console.log('page', current, size);
//     // console.log(formTime);
//     // setPageOption({
//     //   pageNo: current,
//     //   pageSize: size,
//     // });
//     // const { data } = await tableList({
//     //   isDraft: draftBox,
//     //   activityStatus: tabActivityStatus,
//     //   activityName: formValue,
//     //   queryStartDate: formTime?.[0],
//     //   queryEndDate: formTime?.[1],
//     //   page: current,
//     //   pageSize: size,
//     // });
//     // // console.log(data);
//     // setTotal(data.total);
//     // setList(data.rows);
//   };

//   render() {
//     const { TabPane } = Tabs;
//     return (
//       <PageContainer title={false}>
//         <Card>
//           <p className="title">创建活动</p>
//           {/* 这是 tab 栏  */}
//           <Tabs
//             onChange={(e) => {
//               this.callback(e);
//             }}
//           >
//             {this.state.tabList.map((item) => {
//               return (
//                 <TabPane tab={item.tab} key={item.key}>
//                   {/* 活动搜索 */}
//                   <SearchActivity />
//                   {/* 活动搜索 结束 */}
//                   <Button className="createEvent">+ 创建活动</Button>
//                   {/* 表格 */}
//                   <TableActivity
//                     list={this.state.list}
//                     total={this.state.total}
//                     paginationProps={this.paginationProps}
//                   />
//                   {/* 表格 结束 */}
//                 </TabPane>
//               );
//             })}
//           </Tabs>
//           {/* 这是 tab 栏 结束  */}
//         </Card>
//       </PageContainer>
//     );
//   }
// }
